<template>
    <div class="about">
        <h2>Welcome to balabalba</h2>
    </div>
</template>

<script setup lang="ts" name="About">
    import { onMounted, onUnmounted } from 'vue';

    onMounted(() => {
        console.log('mounted')
    })

    onUnmounted(() => {
        console.log('unmounted')
    })
</script>

<style scoped>
    .about {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        color: rgb(85, 84, 84);
        font-size: 18px;
    }
</style>